<%--
  Created by IntelliJ IDEA.
  User: 95126
  Date: 2021/4/29
  Time: 8:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="../imgs/css/bootstrap.min.css">
    <link rel="stylesheet" href="../imgs/css/all.min.css">
    <link rel="stylesheet" href="../imgs/css/animate.css">
    <link rel="stylesheet" href="../imgs/css/flaticon.css">
    <link rel="stylesheet" href="../imgs/css/magnific-popup.css">
    <link rel="stylesheet" href="../imgs/css/odometer.css">
    <link rel="stylesheet" href="../imgs/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../imgs/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="../imgs/css/nice-select.css">
    <link rel="stylesheet" href="../imgs/css/main.css">

    <link rel="shortcut icon" href="../imgs/images/favicon.png" type="image/x-icon">

    <title>Boleto  - Online Ticket Booking Website HTML Template</title>


</head>

<body>
<!-- ==========Preloader========== -->
<div class="preloader">
    <div class="preloader-inner">
        <div class="preloader-icon">
            <span></span>
            <span></span>
        </div>
    </div>
</div>
<!-- ==========Preloader========== -->
<!-- ==========Overlay========== -->
<div class="overlay"></div>
<a href="#0" class="scrollToTop">
    <i class="fas fa-angle-up"></i>
</a>
<!-- ==========Overlay========== -->

<!-- ==========Header-Section========== -->
<header class="header-section">
    <div class="container">
        <div class="header-wrapper">
            <div class="logo">
                <a href="index.html">
                    <img src="../imgs/images/logo/logo.png" alt="logo">
                </a>
            </div>
            <ul class="menu">
                <li>
                    <a href="#0">首页</a>
                    <ul class="submenu">
                        <li>
                            <a href="index.html">首页 One</a>
                        </li>
                        <li>
                            <a href="index-2.html">首页 Two</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">电影</a>
                    <ul class="submenu">
                        <li>
                            <a href="movie-grid.html">电影网</a>
                        </li>
                        <li>
                            <a href="movie-list.html">电影列表</a>
                        </li>
                        <li>
                            <a href="movie-details.html">电影详细资料</a>
                        </li>
                        <li>
                            <a href="movie-details-2.html">电影详细资料 2</a>
                        </li>
                        <li>
                            <a href="movie-ticket-plan.html">电影上映计划</a>
                        </li>
                        <li>
                            <a href="movie-seat-plan.html">电影选票</a>
                        </li>
                        <li>
                            <a href="movie-checkout.html">影票支付</a>
                        </li>
                        <li>
                            <a href="popcorn.html">影院餐食</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">线下活动</a>
                    <ul class="submenu">
                        <li>
                            <a href="events.html">线下活动</a>
                        </li>
                        <li>
                            <a href="event-details.html">活动细节</a>
                        </li>
                        <li>
                            <a href="event-speaker.html">活动发言人</a>
                        </li>
                        <li>
                            <a href="event-ticket.html">购票</a>
                        </li>
                        <li>
                            <a href="event-checkout.html">支付</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0" class="active">体育运动</a>
                    <ul class="submenu">
                        <li>
                            <a href="sports.html">体育运动</a>
                        </li>
                        <li>
                            <a href="sport-details.html">赛事简介</a>
                        </li>
                        <li>
                            <a href="#0" class="active">赛事购票</a>
                        </li>
                        <li>
                            <a href="sports-checkout.html">支付</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">pages</a>
                    <ul class="submenu">
                        <li>
                            <a href="about.html">关于我们</a>
                        </li>
                        <li>
                            <a href="apps-download.html">App下载</a>
                        </li>
                        <li>
                            <a href="sign-in.html">登录</a>
                        </li>
                        <li>
                            <a href="sign-up.html">报名</a>
                        </li>
                        <li>
                            <a href="404.html">404</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">博客</a>
                    <ul class="submenu">
                        <li>
                            <a href="blog.html">博客</a>
                        </li>
                        <li>
                            <a href="blog-details.html">博客单</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="contact.html">联系我们</a>
                </li>
                <li class="header-button pr-0">
                    <a href="sign-up.html">加入我们</a>
                </li>
            </ul>
            <div class="header-bar d-lg-none">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
</header>
<!-- ==========Header-Section========== -->

<!-- ==========Banner-Section========== -->
<section class="banner-section">
    <div class="banner-bg bg_img bg-fixed" data-background="../imgs/images/banner/banner02.jpg"></div>
    <div class="container">
        <div class="banner-content">
            <h1 class="title bold">get <span class="color-theme">movie</span> tickets</h1>
            <p>Buy movie tickets in advance, find movie times watch trailer, read movie reviews and much more</p>
        </div>
    </div>
</section>
<!-- ==========Banner-Section========== -->

<!-- ==========Ticket-Search========== -->
<section class="search-ticket-section padding-top pt-lg-0">
    <div class="container">
        <div class="search-tab bg_img" data-background="../imgs/images/ticket/ticket-bg01.jpg">
            <div class="row align-items-center mb--20">
                <div class="col-lg-6 mb-20">
                    <div class="search-ticket-header">
                        <h6 class="category">欢迎来到Boleto </h6>
                        <h3 class="title">你在找什么</h3>
                    </div>
                </div>
                <div class="col-lg-6 mb-20">
                    <ul class="tab-menu ticket-tab-menu">
                        <li class="active">
                            <div class="tab-thumb">
                                <img src="../imgs/images/ticket/ticket-tab01.png" alt="ticket">
                            </div>
                            <span>电影</span>
                        </li>
                        <li>
                            <div class="tab-thumb">
                                <img src="../imgs/images/ticket/ticket-tab02.png" alt="ticket">
                            </div>
                            <span>活动</span>
                        </li>
                        <li>
                            <div class="tab-thumb">
                                <img src="../imgs/images/ticket/ticket-tab03.png" alt="ticket">
                            </div>
                            <span>体育运动</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tab-area">
                <div class="tab-item active">
                    <form class="ticket-search-form">
                        <div class="form-group large">
                            <input type="text" placeholder="Search fo Movies">
                            <button type="submit"><i class="fas fa-search"></i></button>
                        </div>
                        <div class="form-group">
                            <div class="thumb">
                                <img src="../imgs/images/ticket/city.png" alt="ticket">
                            </div>
                            <span class="type">城市</span>
                            <select class="select-bar">
                                <option value="london">London</option>
                                <option value="dhaka">dhaka</option>
                                <option value="rosario">rosario</option>
                                <option value="madrid">madrid</option>
                                <option value="koltaka">kolkata</option>
                                <option value="rome">rome</option>
                                <option value="khoksa">khoksa</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <div class="thumb">
                                <img src="../imgs/images/ticket/date.png" alt="ticket">
                            </div>
                            <span class="type">日期</span>
                            <select class="select-bar">
                                <option value="26-12-19">23/10/2020</option>
                                <option value="26-12-19">24/10/2020</option>
                                <option value="26-12-19">25/10/2020</option>
                                <option value="26-12-19">26/10/2020</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <div class="thumb">
                                <img src="../imgs/images/ticket/cinema.png" alt="ticket">
                            </div>
                            <span class="type">影院</span>
                            <select class="select-bar">
                                <option value="Awaken">Awaken</option>
                                <option value="dhaka">dhaka</option>
                                <option value="rosario">rosario</option>
                                <option value="madrid">madrid</option>
                                <option value="koltaka">kolkata</option>
                                <option value="rome">rome</option>
                                <option value="khoksa">khoksa</option>
                            </select>
                        </div>
                    </form>
                </div>
                <div class="tab-item">
                    <form class="ticket-search-form">
                        <div class="form-group large">
                            <input type="text" placeholder="Search fo Events">
                            <button type="submit"><i class="fas fa-search"></i></button>
                        </div>
                        <div class="form-group">
                            <div class="thumb">
                                <img src="../imgs/images/ticket/city.png" alt="ticket">
                            </div>
                            <span class="type">城市</span>
                            <select class="select-bar">
                                <option value="london">London</option>
                                <option value="dhaka">dhaka</option>
                                <option value="rosario">rosario</option>
                                <option value="madrid">madrid</option>
                                <option value="koltaka">kolkata</option>
                                <option value="rome">rome</option>
                                <option value="khoksa">khoksa</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <div class="thumb">
                                <img src="../imgs/images/ticket/date.png" alt="ticket">
                            </div>
                            <span class="type">日期</span>
                            <select class="select-bar">
                                <option value="26-12-19">23/10/2020</option>
                                <option value="26-12-19">24/10/2020</option>
                                <option value="26-12-19">25/10/2020</option>
                                <option value="26-12-19">26/10/2020</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <div class="thumb">
                                <img src="../imgs/images/ticket/cinema.png" alt="ticket">
                            </div>
                            <span class="type">活动</span>
                            <select class="select-bar">
                                <option value="angular">angular</option>
                                <option value="startup">startup</option>
                                <option value="rosario">rosario</option>
                                <option value="madrid">madrid</option>
                                <option value="koltaka">kolkata</option>
                                <option value="Last-First">Last-First</option>
                                <option value="wish">wish</option>
                            </select>
                        </div>
                    </form>
                </div>
                <div class="tab-item">
                    <form class="ticket-search-form">
                        <div class="form-group large">
                            <input type="text" placeholder="Search fo Sports">
                            <button type="submit"><i class="fas fa-search"></i></button>
                        </div>
                        <div class="form-group">
                            <div class="thumb">
                                <img src="../imgs/images/ticket/city.png" alt="ticket">
                            </div>
                            <span class="type">城市</span>
                            <select class="select-bar">
                                <option value="london">London</option>
                                <option value="dhaka">dhaka</option>
                                <option value="rosario">rosario</option>
                                <option value="madrid">madrid</option>
                                <option value="koltaka">kolkata</option>
                                <option value="rome">rome</option>
                                <option value="khoksa">khoksa</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <div class="thumb">
                                <img src="../imgs/images/ticket/date.png" alt="ticket">
                            </div>
                            <span class="type">日期</span>
                            <select class="select-bar">
                                <option value="26-12-19">23/10/2020</option>
                                <option value="26-12-19">24/10/2020</option>
                                <option value="26-12-19">25/10/2020</option>
                                <option value="26-12-19">26/10/2020</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <div class="thumb">
                                <img src="../imgs/images/ticket/cinema.png" alt="ticket">
                            </div>
                            <span class="type">体育运动</span>
                            <select class="select-bar">
                                <option value="football">football</option>
                                <option value="cricket">cricket</option>
                                <option value="cabadi">cabadi</option>
                                <option value="madrid">madrid</option>
                                <option value="gadon">gadon</option>
                                <option value="rome">rome</option>
                                <option value="khoksa">khoksa</option>
                            </select>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Ticket-Search========== -->

<!-- ==========Movie-Section========== -->
<section class="movie-section padding-top padding-bottom">
    <div class="container">
        <div class="row flex-wrap-reverse justify-content-center">
            <div class="col-sm-10 col-md-8 col-lg-3">
                <div class="widget-1 widget-banner">
                    <div class="widget-1-body">
                        <a href="#0">
                            <img src="../imgs/images/sidebar/banner/banner01.jpg" alt="banner">
                        </a>
                    </div>
                </div>
                <div class="widget-1 widget-check">
                    <div class="widget-header">
                        <h5 class="m-title">筛选条件</h5> <a href="#0" class="clear-check">清除全部</a>
                    </div>
                    <div class="widget-1-body">
                        <h6 class="subtitle">语言</h6>
                        <div class="check-area">
                            <div class="form-group">
                                <input type="checkbox" name="lang" id="lang1"><label for="lang1">Tamil</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="lang" id="lang2"><label for="lang2">Telegu</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="lang" id="lang3"><label for="lang3">Hindi</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="lang" id="lang4"><label for="lang4">English</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="lang" id="lang5"><label for="lang5">Multiple Language</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="lang" id="lang6"><label for="lang6">Gujrati</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="lang" id="lang7"><label for="lang7">Bangla</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="widget-1 widget-check">
                    <div class="widget-1-body">
                        <h6 class="subtitle">体验</h6>
                        <div class="check-area">
                            <div class="form-group">
                                <input type="checkbox" name="mode" id="mode1"><label for="mode1">2d</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="mode" id="mode2"><label for="mode2">3d</label>
                            </div>
                        </div>
                        <div class="add-check-area">
                            <a href="#0">查看更多 <i class="plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="widget-1 widget-check">
                    <div class="widget-1-body">
                        <h6 class="subtitle">类型</h6>
                        <div class="check-area">
                            <div class="form-group">
                                <input type="checkbox" name="genre" id="genre1"><label for="genre1">惊悚片</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="genre" id="genre2"><label for="genre2">恐怖</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="genre" id="genre3"><label for="genre3">戏剧</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="genre" id="genre4"><label for="genre4">浪漫</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="genre" id="genre5"><label for="genre5">动作</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="genre" id="genre6"><label for="genre6">喜剧</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="genre" id="genre7"><label for="genre7">浪漫的</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="genre" id="genre8"><label for="genre8">动画</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="genre" id="genre9"><label for="genre9">科幻</label>
                            </div>
                            <div class="form-group">
                                <input type="checkbox" name="genre" id="genre10"><label for="genre10">冒险</label>
                            </div>
                        </div>
                        <div class="add-check-area">
                            <a href="#0">查看更多 <i class="plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="widget-1 widget-banner">
                    <div class="widget-1-body">
                        <a href="#0">
                            <img src="../imgs/images/sidebar/banner/banner02.jpg" alt="banner">
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-9 mb-50 mb-lg-0">
                <div class="filter-tab tab">
                    <div class="filter-area">
                        <div class="filter-main">
                            <div class="left">
                                <div class="item">
                                    <span class="show">显示 :</span>
                                    <select class="select-bar">
                                        <option value="12">12</option>
                                        <option value="15">15</option>
                                        <option value="18">18</option>
                                        <option value="21">21</option>
                                        <option value="24">24</option>
                                        <option value="27">27</option>
                                        <option value="30">30</option>
                                    </select>
                                </div>
                                <div class="item">
                                    <span class="show">排序 :</span>
                                    <select class="select-bar">
                                        <option value="showing">当前显示</option>
                                        <option value="exclusive">独家新闻</option>
                                        <option value="trending">趋势</option>
                                        <option value="most-view">热门浏览</option>
                                    </select>
                                </div>
                            </div>
                            <ul class="grid-button tab-menu">
                                <li>
                                    <i class="fas fa-th"></i>
                                </li>
                                <li class="active">
                                    <i class="fas fa-bars"></i>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="tab-area">
                        <div class="tab-item">
                            <div class="row mb-10 justify-content-center">
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie01.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">《独自一人》</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie02.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">mars</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie03.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">《维纳斯》</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie04.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">《值班》</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie05.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">《愤怒》</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie06.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">《骑兵》</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie07.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">《恐怖的夜晚》</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie08.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">《失去了名字》</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie09.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">《平静踏实的》</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie10.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">《犯罪派对》</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie11.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">《万圣节派对》</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-4">
                                    <div class="movie-grid">
                                        <div class="movie-thumb c-thumb">
                                            <a href="movie-details.html">
                                                <img src="../imgs/images/movie/movie12.jpg" alt="movie">
                                            </a>
                                        </div>
                                        <div class="movie-content bg-one">
                                            <h5 class="title m-0">
                                                <a href="movie-details.html">《最希望》</a>
                                            </h5>
                                            <ul class="movie-rating-percent">
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                                <li>
                                                    <div class="thumb">
                                                        <img src="../imgs/images/movie/cake.png" alt="movie">
                                                    </div>
                                                    <span class="content">88%</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-item active">
                            <div class="movie-area mb-10">
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie01.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie01.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">《独自一人》</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布日期 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订机票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie02.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie02.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">mars</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布日期 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订机票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie03.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie03.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">维纳斯</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布日期 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订机票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie04.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie04.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">值班</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布日期 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订机票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie05.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie05.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">愤怒</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布日期 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订机票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie06.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie06.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">骑兵</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布日期 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订机票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie07.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie07.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">恐怖的夜晚</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布日期 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订机票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie08.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie08.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">消失的名字</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布日期 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订机票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie09.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie09.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">平静踏实的</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布日期 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie10.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie10.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">犯罪在党</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布日期 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie11.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie11.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">万圣节派对</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布日期 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="movie-list">
                                    <div class="movie-thumb c-thumb">
                                        <a href="movie-details.html" class="w-100 bg_img h-100" data-background="../imgs/images/movie/movie12.jpg">
                                            <img class="d-sm-none" src="../imgs/images/movie/movie12.jpg" alt="movie">
                                        </a>
                                    </div>
                                    <div class="movie-content bg-one">
                                        <h5 class="title">
                                            <a href="movie-details.html">最希望</a>
                                        </h5>
                                        <p class="duration">2hrs 50 min</p>
                                        <div class="movie-tags">
                                            <a href="#0">动作</a>
                                            <a href="#0">冒险</a>
                                            <a href="#0">幻想</a>
                                        </div>
                                        <div class="release">
                                            <span>发布时间 : </span> <a href="#0"> 2020年11月8日</a>
                                        </div>
                                        <ul class="movie-rating-percent">
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/tomato.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                            <li>
                                                <div class="thumb">
                                                    <img src="../imgs/images/movie/cake.png" alt="movie">
                                                </div>
                                                <span class="content">88%</span>
                                            </li>
                                        </ul>
                                        <div class="book-area">
                                            <div class="book-ticket">
                                                <div class="react-item">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/heart.png" alt="icons">
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="react-item mr-auto">
                                                    <a href="#0">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/book.png" alt="icons">
                                                        </div>
                                                        <span>订票</span>
                                                    </a>
                                                </div>
                                                <div class="react-item">
                                                    <a href="#0" class="popup-video">
                                                        <div class="thumb">
                                                            <img src="../imgs/images/icons/play-button.png" alt="icons">
                                                        </div>
                                                        <span>观看预告片</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pagination-area text-center">
                        <a href="#0"><i class="fas fa-angle-double-left"></i><span>上一页</span></a>
                        <a href="#0">1</a>
                        <a href="#0">2</a>
                        <a href="#0" class="active">3</a>
                        <a href="#0">4</a>
                        <a href="#0">5</a>
                        <a href="#0"><span>下一页</span><i class="fas fa-angle-double-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Movie-Section========== -->

<!-- ==========Newslater-Section========== -->
<footer class="footer-section">
    <div class="newslater-section padding-bottom">
        <div class="container">
            <div class="newslater-container bg_img" data-background="../imgs/images/newslater/newslater-bg01.jpg">
                <div class="newslater-wrapper">
                    <h5 class="cate">订阅博莱托</h5>
                    <h3 class="title">获得独家优惠</h3>
                    <form class="newslater-form">
                        <input type="text" placeholder="Your Email Address">
                        <button type="submit">订阅</button>
                    </form>
                    <p>我们尊重您的隐私，因此我们从不共享您的信息</p>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="footer-top">
            <div class="logo">
                <a href="index-1.html">
                    <img src="../imgs/images/footer/footer-logo.png" alt="footer">
                </a>
            </div>
            <ul class="social-icons">
                <li>
                    <a href="#0">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                </li>
                <li>
                    <a href="#0" class="active">
                        <i class="fab fa-twitter"></i>
                    </a>
                </li>
                <li>
                    <a href="#0">
                        <i class="fab fa-pinterest-p"></i>
                    </a>
                </li>
                <li>
                    <a href="#0">
                        <i class="fab fa-google"></i>
                    </a>
                </li>
                <li>
                    <a href="#0">
                        <i class="fab fa-instagram"></i>
                    </a>
                </li>
            </ul>
        </div>
        <div class="footer-bottom">
            <div class="footer-bottom-area">
                <div class="left">
                    <p>Copyright © 2020.All Rights Reserved By <a href="http://www.bootstrapmb.com/">Boleto </a></p>
                </div>
                <ul class="links">
                    <li>
                        <a href="#0">关于</a>
                    </li>
                    <li>
                        <a href="#0">使用条款</a>
                    </li>
                    <li>
                        <a href="#0">隐私政策</a>
                    </li>
                    <li>
                        <a href="#0">常见问题解答</a>
                    </li>
                    <li>
                        <a href="#0">反馈</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<!-- ==========Newslater-Section========== -->


<script src="../imgs/js/jquery-3.3.1.min.js"></script>
<script src="../imgs/js/modernizr-3.6.0.min.js"></script>
<script src="../imgs/js/plugins.js"></script>
<script src="../imgs/js/bootstrap.min.js"></script>
<script src="../imgs/js/isotope.pkgd.min.js"></script>
<script src="../imgs/js/magnific-popup.min.js"></script>
<script src="../imgs/js/owl.carousel.min.js"></script>
<script src="../imgs/js/wow.min.js"></script>
<script src="../imgs/js/countdown.min.js"></script>
<script src="../imgs/js/odometer.min.js"></script>
<script src="../imgs/js/viewport.jquery.js"></script>
<script src="../imgs/js/nice-select.js"></script>
<script src="../imgs/js/main.js"></script>
</body>

</html>
